<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimal-ui:ios">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>洛阳—古今辉映诗和远方的地方</title>
    <link rel="shortcut icon" href="./assets/images/favicon.ico">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="./assets/css/animate.css">
</head>

<body class="grey-background">
    <div class="head">
        <div class="header">
            <div class="leftHead">
                <img src="./assets/images/logo1.png" alt="">
                <h2>洛阳—古今辉映诗和远方的地方</h2>
            </div>

            <div class="rightHead">

            </div>
        </div>

        <div class="desc">
            <h2>云雾老君山</h2>
            <p>老君山，是世界自然遗产“三江并流”的八大片区之一。主峰位于中部的金丝厂，“金丝玉峰”海拔4515米，被历代史家称为“滇省众山之祖”，因传说太上老君曾在此炼丹而得名。</p>
        </div>

        <div class="clouds">
            <img src="./assets/images/cloud1.png" style="--i:1" alt="">
            <img src="./assets/images/cloud2.png" style="--i:2" alt="">
            <img src="./assets/images/cloud3.png" style="--i:3" alt="">
            <img src="./assets/images/cloud4.png" style="--i:4" alt="">
            <img src="./assets/images/cloud5.png" style="--i:5" alt="">
        </div>
    </div>

    <div class="content">
        <div class="item1">
            <div class="wow pulse descTitle" data-wow-duration="2s">
                <a href="/page1.html"><h2>风景名胜</h2></a>
                <p>洛阳之美</p>
            </div>
        </div>
        <div class="item2">
            <div class="wow fadeIn it2Left" data-wow-duration="2s">
                <h2>龙门石窟</h2>
                <p>龙门石窟位于河南省洛阳市，是世界上造像最多、规模最大的石刻艺术宝库，被联合国科教文组织评为“中国石刻艺术的最高峰”， 位居中国各大石窟之首现为世界文化遗产、全国重点文物保护单位、国家AAAAA级旅游景区。</p>
            </div>
            <div class="it2Right">
                <div class="wow fadeInLeft imgL" data-wow-duration="2s">
                    <img src="./assets/images/fuo2.jpg" alt="">
                </div>
                <div class="imgR">
                    <img class="wow fadeInDown" data-wow-duration="2s" src="./assets/images/fuo3.jpg" alt="">
                    <img class="wow fadeInUp" data-wow-duration="2s" src="./assets/images/fuo4.jpg" alt="">
                </div>
            </div>
        </div>
        
        <div class="item6">
            <div class="container">
                <div class="wow fadeIn panel active" data-wow-duration="4s" style="background-image: url('/assets/images/kuo4.jpg')">
                  <h3>鼓楼</h3>
                </div>
                <div class="wow fadeIn panel" data-wow-duration="4s" style="background-image: url('/assets/images/kuo2.jpg')">
                  <h3>明堂天堂</h3>
                </div>
                <div class="wow fadeIn panel" data-wow-duration="4s" style="background-image: url('/assets/images/kuo5.jpg')">
                  <h3>洛阳第一楼</h3>
                </div>
                <div class="wow fadeIn panel" data-wow-duration="4s" style="background-image: url('/assets/images/kuo1.jpg')">
                  <h3>西工区</h3>
                </div>
                <div class="wow fadeIn panel" data-wow-duration="4s" style="background-image: url('/assets/images/kuo6.jpg')">
                  <h3>金殿</h3>
                </div>
          
            </div>
        </div>

        <!-- <div class="wow fadeIn item4" data-wow-duration="4s">
            <h2>美食</h2>
            <p>描述</p>

        </div> -->
        <div class="item1">
            <div class="wow pulse descTitle" data-wow-duration="2s" style="background: url(./assets/images/foodt.jpg) no-repeat;
            background-size: 100% 100%;">
                <a href="/page2.html"><h2>特色美食</h2></a>
                <p>风味之都</p>
            </div>
        </div>
        <div class="item5">
            <!-- <div class="foodtitle">
                <h2>美食展示</h2>
                <p>描述</p>
            </div> -->
            <div class="foodexample">
                <div class="wow swing img" data-wow-duration="2s"></div>
                <div class="wow swing img" data-wow-duration="2s"></div>
                <div class="wow swing img" data-wow-duration="2s"></div>
                <div class="wow swing img" data-wow-duration="2s"></div>
                <div class="wow swing img" data-wow-duration="2s"></div>
            </div>
        </div>
        
        <div class="item1">
            <div class="wow pulse descTitle" data-wow-duration="2s" style="background: url(./assets/images/wen.jpg) no-repeat;
            background-size: 100% 100%;">
                <a href="/page3.html"><h2>历史文物</h2></a>
                <p>历史悠久</p>
            </div>
        </div>
        <div class="item3">
            <!-- <div class="it3f">
                <h2>文物展览</h2>
                <p>描述</p>
            </div> -->
            <div class="it3s">
                <div class="wow fadeInLeft img" data-wow-duration="2s">
                    <span>——</span>
                    <div class="cen">
                        <h2>石辟邪</h2>
                        <!-- <p>描述</p> -->
                    </div>
                    <!-- <a href=""><button>浏览美食</button></a>  -->
                </div>
                <div class="wow fadeInLeft img" data-wow-duration="2s">
                    <span>——</span>
                    <div class="cen">
                        <h2>东周错金银铜鼎</h2>
                        <!-- <p>描述</p> -->
                    </div>
                    <!-- <a href=""><button>浏览美食</button></a>  -->
                </div>
                <div class="wow fadeInRight img" data-wow-duration="2s">
                    <span>——</span>
                    <div class="cen">
                        <h2>乳钉纹铜爵</h2>
                        <!-- <p>描述</p> -->
                    </div>
                    <!-- <a href=""><button>浏览美食</button></a>  -->
                </div>
                <div class="wow fadeInRight img" data-wow-duration="2s">
                    <span>——</span>
                    <div class="cen">
                        <h2>三彩黑釉马</h2>
                        <!-- <p>描述</p> -->
                    </div>
                    <!-- <a href=""><button>浏览美食</button></a>  -->
                </div>
                
                
            </div>
        </div>
        
        
        <div class="item1">
            <div class="wow pulse descTitle" data-wow-duration="2s" style="background: url(./assets/images/wenp.jpg) no-repeat;
            background-size: 100% 100%;">
                <a href="/page4.html"><h2>文人墨客</h2></a>
                <p>雅兴之都</p>
            </div>
        </div>
        <!-- <div class="it7t">
            <h2>标题</h2>
            <p>描述</p>
        </div> -->
        <div class="item7">
            <div class="wow fadeInLeft it7l" data-wow-duration="3s">
                <div class="it7box">
                    <h2>陈与义</h2>
                    <!-- <p>描述</p> -->
                </div>
            </div>
            <div class="it7r">
                <div class="up7">
                    <div class="wow fadeInDown img" data-wow-duration="3s">
                        <div class="it7box">
                            <h2>吕蒙正</h2>
                            <!-- <p>描述</p> -->
                        </div>
                    </div>
                    <div class="wow fadeInDown img" data-wow-duration="3s">
                        <div class="it7box">
                            <h2>万国俊</h2>
                            <!-- <p>描述</p> -->
                        </div>
                    </div>
                </div>
                <div class="down7">
                    <div class="wow fadeInUp img" data-wow-duration="3s">
                        <div class="it7box">
                            <h2>温仲舒</h2>
                            <!-- <p>描述</p> -->
                        </div>
                    </div>
                    <div class="wow fadeInUp img" data-wow-duration="3s">
                        <div class="it7box">
                            <h2>张齐贤</h2>
                            <!-- <p>描述</p> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
       
        
    </div>
    <div class="footer">
            <div class="fdesc">
                <h2>洛阳</h2>
                <p>洛水之阳</p>
            </div>
            <div class="fdescs">
                <p>唯 </p>
                <p>有花</p>
                <p>牡开</p>
                <p>丹时</p>
                <p>真节</p>
                <p>国动</p>
                <p>色京</p>
                <p>  城</p>
            </div>
            <div class="fl">
                <img src="./assets/images/flogo.png" alt="">
                <!-- <p>洛阳</p> -->
            </div>
            <div class="fr">

            </div>
    </div>

    <div id="gotop" class="animate__animated animate__fadeInRight"><span class="icon-keyboard_arrow_up"></span></div> <!--返回顶部-->
    <script src="./assets/js/script.js"></script>
    <script src="./assets/js/wow.min.js"></script>
    <script type="text/javascript">
       new WOW().init();
    </script>
</body>

</html>